<template>
  <h1>注意vue3中废弃了过滤器</h1>
  <!-- Vue3 中不能使用过滤器，直接使用函数进行替代 -->
  <div>{{ formatDate(now) }}</div>
</template>

<script setup lang="ts">
// 引入 moment 日期包
import moment from "moment";

// Vue2 的过滤器本质就是一个函数的调用
// Vue3 废除了过滤器，直接使用函数进行替换

const now = new Date();
const formatDate = (now: Date) => moment(now).format("YYYY年MM月DD日");
</script>